Sidebar items have inconsistent padding depending on whether they're links

[dipikabh]

Summary

The sidebar in the HTML reference page shows inconsistent left padding between linked (<a>) items and non-linked elements.

URL

https://developer.mozilla.org/en-US/docs/Web/HTML

Reproduction steps

1. Visit https://developer.mozilla.org/en-US/docs/Web/HTML.
2. Check "Reference" section in the sidebar.
3. Compare the padding of these items:
   • "Elements", "Attributes", "Global attributes" → have more padding (these are links).
   • "Attributes by element", "Attributes by value" → no padding (not links).

Expected behavior

Same or no padding, regardless of whether they are links or not

Actual behavior

Items with <a> in the sidebar have padding: .25rem;.

Device

Laptop

Browser

Firefox

Browser version

Stable

Operating system

Mac OS

Screenshot

Anything else?

From https://github.com/mdn/content/blob/main/files/sidebars/htmlsidebar.yaml:

• This entry has a link defined, so has the padding:

- type: listSubPages
  path: /Web/HTML/Reference/Elements
  link: /Web/HTML/Reference/Elements
  title: HTML_Elements
  details: closed
  code: true

• This entry does not have a link, so doesn't have a padding:

  - title: Attribute_values
    details: closed
    children:
      - type: listSubPages
        path: /Web/HTML/Reference/Attributes/rel
        title: Rel_keywords
        details: closed
        code: true

Validations

• I have read the Community Participation Guidelines.
• I have verified that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• I have checked that this is a concrete bug. For Q&A open a GitHub Discussion.